<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>11.3作业1</title>
	</head>
	<style>
		div.box{
			width:70%;
			height: 100px;
			border:1px solid grey;
			padding:20px;
			margin-bottom: 10px;
		}
		div.line{
			width:95%;
			height: 1px;
			background-color: grey;
			margin:0 auto;
		}
		div.group a{
			border:1px solid grey;
			border-radius: 15%;
			padding:5px 10px;
			margin-right: 5px;
		}
		div.group a:hover{
			background-color: lightgrey;
			color:black;
			border-color: black;
		}
	</style>
	<body>
		<div class="box">
			<div class="line"></div>
			
		</div>
		<div class="group">
			<b href="#">1</b>
			<a href="#">2</a>
			<a href="#">3</a>
			<a href="#">4</a>
			<a href="#">5</a>
			<a href="#">6</a></div>
	</body>
</html>